
.content-wrapper {
    padding: 20px;
}

.box-card {
    margin-bottom: 20px;
}
.dashboard-cards{
    color: white;
}

.card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dashboard-cards {
    margin-top: 20px;
}

.card-1 {
    // background: linear-gradient(90deg, #d9eefc, #a3d5fc);
    // box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    // border-radius: 8px;
    padding: 20px;
    color: white;
        /* -webkit-box-shadow: 0 12px 24px 0 rgba(154, 139, 255, 0.5); */
    box-shadow: 0 12px 24px 0 rgba(154, 139, 255, 0.5);
    background-image: linear-gradient(294deg, #a18aff, #a864ff);
}

.card-2 {
    // background: linear-gradient(90deg, #fde7e7, #fca9a9);
    // box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    // border-radius: 8px;
    padding: 20px;

    box-shadow: 0 12px 24px 0 rgba(255, 152, 132, 0.5);
    background-image: linear-gradient(293deg, #ff937f, #ff5957);
}

.card-3 {
    background: linear-gradient(90deg, #ffcccc, #ff8b8b);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 20px;
}

.card-4 {
    background: linear-gradient(90deg, #bfeaff, #8edfff);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 20px;
}

.card-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card-icon {
    width: 50px;
    height: 50px;
    margin-right: 20px;
}

.card-text {
    text-align: left;
    color: white;
}

.card-text p {
    font-size: 16px;
    color: #666;
}

.card-text h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}




.dashboard {
    padding: 20px;
    background-color: #f9fafb;
}

.card-container {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
}

.card {
    flex-grow: 1;
    /* 让每个卡片都能均匀分配剩余空间 */
    min-width: 0;
    /* 确保即使内容超出也能缩小 */
    margin-right: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
    background-color: white;
    padding: 15px;
    display: flex;
    align-items: center;
}

.card img {
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.card .content {
    display: flex;
    flex-direction: column;
}

.card p {
    margin: 0;
    font-size: 14px;
}

.card h3 {
    margin: 5px 0 0;
    font-size: 18px;
}


.custom-dashboard {
    margin-bottom: 10px;
    margin-top: 20px;
}

.custom-dashboard .content-layout {
    display: flex;
    justify-content: space-between;
}

.custom-dashboard .finance-box {
    height: 100%;
}

.custom-dashboard .finance-box h3 {
    height: 100%;
    font-size: 18px;
    margin-bottom: 10px;
}

.custom-dashboard .finance-box .amount {
    font-size: 28px;
    color: #2c3e50;
    margin-bottom: 16px;
    margin-top: 40px;
}

.custom-dashboard .finance-box .action-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

/* 店铺信息样式优化 */
.custom-dashboard .shop-info-box {
    font-size: 14px;
}

.custom-dashboard .shop-details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.custom-dashboard .shop-name {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.custom-dashboard .avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 10px;
}

.custom-dashboard .shop-name-text {
    font-weight: bold;
    font-size: 16px;
}

.custom-dashboard .ratings {
    list-style-type: none;
    flex: 1;
    display: flex;
    padding: 0;
    margin: 0;
    width: 60%;
    justify-content: space-between
}

.custom-dashboard .rating-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #e0e0e0;
    justify-content: normal;
    flex-direction: column;
}

.custom-dashboard .rating-item:last-child {
    border-bottom: none;
}

.custom-dashboard .rating-item span:first-child {
    font-weight: bold;
    color: #333;
}

.custom-dashboard .rating-item span:last-child {
    color: #666;
}

/* 确保卡片在不同屏幕尺寸下的表现 */
@media (max-width: 768px) {
    .custom-dashboard .content-layout {
        flex-direction: column;
    }

    .custom-dashboard .el-col {
        width: 100%;
        margin-bottom: 20px;
    }

    .custom-dashboard .rating-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .custom-dashboard .rating-item span {
        width: 100%;
        text-align: left;
        padding-right: 0;
    }
}

/* 主容器样式 */
.quick-entry-wrapper {
  
}

/* 快捷入口部分样式 */
.quick-actions-section {
    margin-bottom: 30px;
}

.action-card {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

/* 确保按钮在卡片内居中 */
.action-card .el-button {
    width: 100%;
}